<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的网站</title>
  <!-- 公共文件 -->
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/blogs.css">
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <!-- <link rel="stylesheet" href="./css/index.css"> -->
</head>

<body>
  <!-- ======= Header ======= -->
  <header id="header"></header><!-- End Header -->
  <main>
    <section id="search">
      <div id="particles-js"></div>
      <div class="search-content">
        <h2 class="section-title">我的博客</h2>
        <h4 class="sub-title">这是我的学习经验分享</h4>
        <div class="flex form-wrap">
          <input type="text" placeholder="请输入关键词搜索">
          <button><i class="iconfont qm-search"></i></button>
        </div>
      </div>
    </section>

    <section id="blog" >
      <div class="container">
        <div class="hidden-wrap">
          <div class="article-wrap"></div>
        </div>
        <div class="pages flex justify-content-center">
          <button id="arrow-left"><i class="iconfont qm-arrowleft"></i></button>
          <ul id="indicators" class="flex">
            <li class="current" index="0">1</li>
            <li index="1">2</li>
          </ul>
          <button id="arrow-right"><i class="iconfont qm-arrowright"></i></button>
        </div>
      </div>
    </section>
    
  </main>
  
  <footer class="footer">
    &copy;Copyright刘钰森.All Rights Reserved
  </footer>

  <script src="./js/particles.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script src="./js/main.js"></script>
  <script src="./js/blogs.js"></script>
</body>

</html>